<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <button onclick="a()">点击一下就会触发程序</button> -->
     <!-- 把多个子元素同一类型的监听函数合并到父元素上，通过一个函数监听的行为叫事件委托 利用了事件冒泡机制，点击子元素就可以触发父元素上的点击事件 -->
    <div onclick="a()" id="eee">
        <button>点击一下就会触发程序1111</button>
        <button>点击一下就会触发程序2222</button>
        <button>点击一下就会触发程序3333</button>
    </div>
    <script>
        // 1.事件源
        // 2.事件类型 点击 点击一下就会触发程序
        // 3.事件处理程序 
        // const btn = document.querySelector('button')
        // btn.addEventListener('click', function () {
        //     alert('你好')
        // })
        const a = () => {
            console.log('----a---');
        }
        const elment = document.getElementById('eee')
        elment.addEventListener('')
    </script>
</body>

</html>